@import './static/css/mixin/flex.scss';                // flex(主轴,交叉轴,方向,换行,多轴线对齐) / flex-self(对齐,(布满||固定),顺序)
@import './static/css/mixin/text-overflow.scss';       // 文本格式化超出省略号  参数：宽度,单行/多行
@import './static/css/mixin/position-absolute.scss';   // 绝对定位  参数：上,右,下,左
@import './static/css/mixin/triangle.scss';            // 画三角形  参数：宽度,朝向,颜色
@import './static/css/mixin/hr.scss';                  // 添加分割线  参数：位置,间隔
@import './static/css/mixin/price-before.scss';        // 价格¥前加


* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
// 初始化弹层的flex问题
.PopupInit {
	flex: initial !important;
}
.flex-auto {
	flex: 1;
	overflow: auto;
}
.x-bc {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.x-sec {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.f-dc {
	display: flex;
	flex-direction: column;
}

.f-warp {
	display: flex;
	flex-wrap: wrap;
}

/*flex布局*/

.x-ec {
	display: flex;
	justify-content: flex-end;
	align-items:center;
}

/* x水平排列*/
.x-f {
	display: flex;
	align-items: center;
}
/*x两端且水平居中*/
.x-bc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/*x平分且水平居中*/
.x-ac {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/*x水平靠上对齐*/
.x-start {
	display: flex;
	align-items: flex-start;
}
/*x水平靠下对齐*/
.x-end {
	display: flex;
	align-items: flex-end;
}
/*上下左右居中*/
.x-c {
	display: flex;
	justify-content: center;
	align-items: center;
}
/*y竖直靠左*/
.y-start {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
/*y竖直靠右*/
.y-end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
/*y竖直居中*/
.y-f {
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* y竖直两端*/
.y-b {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.y-c {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/*y竖直两端居中*/
.y-bc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

// 自定义页面框架样式
.content {
	display: flex;
	flex-direction: column;
	height: 100vh;
	
	// 主内容
	.content_main {
		flex: 1;
		overflow: auto;
	}
	
	// 底部内容
	.content_bottom {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 70px;
		line-height: 70px;
		padding: 6px 15px;
		border-top: 1px solid #efefef;
		uni-button {
			margin-left: initial !important;
			margin-right: initial !important;
		}
		
		// 主题镂空按钮
		.content_bottom_primary_plainBtn {
			background-color: #fff;
			color: #51d0d0;
			border: 1px solid #51d0d0;
		}
		// 主题实面按钮
		.content_bottom_primary_Btn {
			background-color: #51d0d0;
			color: #fff;
		}
		
		.moreBtn {
			width: fit-content;
			min-width: 200rpx;
			max-width: 30%;
		}
	}
}


.CommonBtnSize {
	min-width: 160rpx !important;
	font-size: 14px !important;
	padding: 2px 4px !important;
}
// 主题镂空按钮
.content_bottom_primary_plainBtn {
	background-color: #fff;
	color: #51d0d0;
	border: 1px solid #51d0d0;
}
// 主题实面按钮
.content_bottom_primary_Btn {
	background-color: #51d0d0;
	color: #fff;
}